home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2007 December / PCWKCD1207B.iso / Blogowanie poza sfera / Flock 0.9.1.3 stable / flock-0.9.1.3.en-US.win32.exe / flock / chrome / classic.jar / skin / classic / global / formatting.css < prev    next >
Cascading Style Sheet File  |  2006-02-28  |  6KB  |  267 lines
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2.  
  3. /* inset areas */
  4.  
  5. .inset
  6.   {
  7.     border-left           : 1px solid ThreeDShadow;
  8.     border-top            : 1px solid ThreeDShadow;
  9.     border-right          : 1px solid ThreeDHighlight;
  10.     border-bottom         : 1px solid ThreeDHighlight;
  11.     margin                : 0px 5px 5px 5px;
  12.   }
  13.   
  14. .box-inset {
  15.   margin: 2px 4px;
  16.   border: 2px solid;
  17.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  18.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  19.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  20.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  21.   background-color: -moz-Field;
  22.   color: -moz-FieldText;
  23. }  
  24.   
  25. /* formatting */
  26. .groove-top
  27.   {
  28.     border-top            : 2px groove ThreeDFace;  
  29.   }
  30.   
  31. .groove-right
  32.   {
  33.     border-right          : 2px groove ThreeDFace;
  34.   }
  35.   
  36. .groove-left
  37.   {
  38.     border-left           : 2px groove ThreeDFace;
  39.   }
  40.   
  41. .groove-bottom
  42.   {
  43.     border-bottom         : 2px groove ThreeDFace;
  44.   }
  45.   
  46. .outset
  47.   {
  48.     border-left           : 1px solid ThreeDHighlight;
  49.     border-top            : 1px solid ThreeDHighlight;
  50.     border-right          : 1px solid ThreeDShadow;
  51.     border-bottom         : 1px solid ThreeDShadow;
  52.   }
  53.   
  54. .outset-top-bottom
  55.   {
  56.     border-top            : 1px solid ThreeDHighlight;
  57.     border-bottom         : 1px solid ThreeDShadow;
  58.   }   
  59.  
  60.  
  61.   
  62. /** separator rules **/
  63. /* standard separators */
  64.   separator, separator[orient="horizontal"] 
  65.     {
  66.       height: 1.5em;
  67.     }
  68.   
  69.   separator[orient="vertical"] 
  70.     {
  71.       width: 1.5em;
  72.     }
  73.  
  74. /* thinner separators (50% size) */
  75.   separator.thin, separator.thin[orient="horizontal"] 
  76.     {
  77.       height: 0.5em;
  78.     }
  79.   
  80.   separator.thin[orient="vertical"] 
  81.     {
  82.       width: 0.5em;
  83.     }
  84.  
  85. /* groove separators (50% size) */
  86.   separator.groove,
  87.   separator.groove[orient="horizontal"] 
  88.     {
  89.       border-top: 1px solid ThreeDShadow;
  90.       border-bottom: 1px solid ThreeDHighlight;
  91.       height: 0px;
  92.       margin-top: 0.4em;
  93.       margin-bottom: 0.4em;
  94.     }
  95.   
  96.   separator.groove[orient="vertical"] 
  97.     {
  98.       border-left: 1px solid ThreeDShadow;
  99.       border-right: 1px solid ThreeDHighlight;
  100.       -moz-margin-start: 0.4em;
  101.       -moz-margin-end: 0.4em;
  102.     }
  103.   
  104. /* groove separators (0 padding, for dividing effects) */  
  105.   separator.groove-thin 
  106.     {
  107.       border-top: 1px solid ThreeDShadow;
  108.       border-bottom: 1px solid ThreeDHighlight;
  109.       height: 0px;
  110.     }
  111.   
  112.   separator[orient="vertical"].groove-thin 
  113.     {
  114.       border-left: 1px solid ThreeDShadow;
  115.       border-right: 1px solid ThreeDHighlight;
  116.     }
  117.  
  118. /** text formatting rules **/
  119. /* label (with margins) */
  120.  
  121. /** Reduced Margin for some UI **/
  122.   .small-margin
  123.     {
  124.       margin              : 1px 2px 1px 2px;
  125.     }
  126.     
  127.   .plain 
  128.     {
  129.       margin: 0px !important;
  130.       border: none;
  131.       padding: 0px;
  132.     }
  133.  
  134.   label[disabled="true"] 
  135.     {
  136.       color                 : GrayText;
  137.     }    
  138.  
  139.   description, label
  140.     {
  141.       cursor              : default;
  142.     }
  143.     
  144.   description
  145.     {
  146.       margin              : 1px 5px 4px 5px;
  147.     }
  148.  
  149.   label
  150.     {
  151.       margin-top: 1px;
  152.       margin-bottom: 2px;
  153.       -moz-margin-start: 6px;
  154.       -moz-margin-end: 5px;
  155.     }
  156.  
  157.   .header 
  158.     {
  159.       font-weight         : bold;
  160.     }
  161.  
  162.   .larger-text 
  163.     {
  164.       font-size           : larger;
  165.     }
  166.  
  167.   .smaller-text 
  168.     {
  169.       font-size           : smaller;
  170.     }
  171.    
  172.   .monospace
  173.     {
  174.       font-family         : monospace;
  175.     }
  176.     
  177.   .indent
  178.     {
  179.       -moz-margin-start         : 23px;
  180.     }
  181.  
  182.   .box-padded
  183.     {
  184.       padding             : 5px;
  185.     }    
  186.  
  187.   .spaced
  188.     {
  189.       margin              : 3px 5px 4px 5px;
  190.     }    
  191.  
  192.   .wizard-box
  193.     {
  194.       padding             : 20px 44px 10px 44px;
  195.     }    
  196.  
  197. /* Double Border Boxes */
  198.  
  199.   /* top only */
  200.   .double-box-top
  201.     {
  202.       -moz-binding        : url("chrome://global/skin/classicBindings.xml#double-box");
  203.       border-top          : 1px solid ThreeDShadow;
  204.       background-color    : #FFFFFF;
  205.       margin              : 0px;
  206.     }
  207.   
  208.   .double-box-top > .db-internal-box
  209.     {
  210.       border-top          : 1px solid ThreeDDarkShadow;
  211.     }          
  212.     
  213.   /* all round */    
  214.   .double-box
  215.     {
  216.       -moz-binding          : url("chrome://global/skin/classicBindings.xml#double-box");
  217.       border-left           : 1px solid ThreeDShadow;
  218.       border-top            : 1px solid ThreeDShadow;
  219.       border-bottom         : 1px solid ThreeDHighlight;
  220.       border-right          : 1px solid ThreeDHighlight;
  221.       background-color      : #FFFFFF;
  222.       margin                : 0px;
  223.     }
  224.   
  225.   .double-box > .db-internal-box
  226.     {
  227.       border                : 1px solid ThreeDDarkShadow;
  228.     }   
  229.  
  230.   .caption-text
  231.     {
  232.       margin-top: 0px !important;
  233.       margin-bottom: 0px !important;
  234.       -moz-margin-start: 1px !important;
  235.       -moz-margin-end: 2px !important;
  236.     }
  237.  
  238.  
  239. /* class for text with a 'link' appearance */
  240.   .text-link
  241.     {
  242.       color                 : blue;
  243.       text-decoration       : underline;
  244.       border                : 1px solid transparent;
  245.     }
  246.   
  247.   .text-link:focus
  248.     {
  249.       color                 : red;
  250.       border                : 1px dotted -moz-DialogText;
  251.     }
  252.  
  253.   .text-link:hover
  254.     {
  255.       cursor                : pointer;
  256.     } 
  257.   
  258.   .text-link:hover:active
  259.     {
  260.       color                 : red;
  261.     } 
  262.  
  263.   .text-link[visited="true"] 
  264.     {
  265.       color                 : purple;
  266.     }
  267.